<template>
  <div class="dashboard-container">
    <TopHeader/>
    <SecondRow/>
    <ThreeRow ref="ThreeRow" />
  </div>
</template>

<script>
import TopHeader from './comps/TopHeader'
import SecondRow from './comps/SecondRow'
import ThreeRow from './comps/ThreeRow'
export default {
  components:{
    TopHeader,
    SecondRow,
    ThreeRow
  },
  data(){
    return{

    }
  },
  beforeRouteLeave(to,from,next){
      this.$refs.ThreeRow.stop()
      next()
  },
}
</script>

<style lang="scss" scoped>
.dashboard-container{
}
</style>
